@charset "utf-8"; 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* -- Button Gray Style -- */
.buttonGray,
.buttonGray a,
.buttonGray button,
.buttonGray input{ position:relative; overflow:visible; border:0; margin:0; padding:0; top:0; display:inline-block; color:#000 !important; cursor:pointer; text-decoration:none !important; white-space:nowrap; vertical-align:middle !important; *vertical-align:top !important; background-color:transparent; background-image:url(../img/buttonGray.gif); background-repeat:no-repeat;}
.buttonGray{ margin-right:2px;}
.buttonGray a,
.buttonGray button,
.buttonGray input{ left:2px;}

.buttonGray.small { height:20px; background-position:left top !important;}
.buttonGray.medium { height:24px; background-position:left -30px !important;}
.buttonGray.large { height:27px; background-position:left -60px !important;}

/* Anchor */
.buttonGray.small a { padding:4px 6px 5px 4px; font:11px/11px Tahoma, Sans-serif; background-position:right top; _top:0px;}
.buttonGray.medium a { padding:6px 10px 7px 8px; font:12px/12px Tahoma, Sans-serif; background-position:right -30px; _top:-1px;}
.buttonGray.large a { padding:8px 10px 7px 8px; font:12px/12px Tahoma, Sans-serif; background-position:right -60px;}

/* Button & Input */
.buttonGray.small button,
.buttonGray.small input { height:20px; padding:0 6px 0 4px; font:11px/20px Tahoma, Sans-serif !important; background-position:right top !important; _top:0 !important;}
.buttonGray.medium button,
.buttonGray.medium input { height:24px; padding:0 10px 0 8px; font:12px/25px Tahoma, Sans-serif; background-position:right -30px !important; _top:-1px;}
.buttonGray.large button,
.buttonGray.large input { height:27px; padding:0 10px 0 8px; font:12px/28px Tahoma, Sans-serif; background-position:right -60px !important; _top:-1px;}

/* Strong Button */
.buttonGray.strong * { font-weight:bold !important;}

/* Icon Add */
.buttonGray a .icon { position:relative; border:0; vertical-align:middle;}
.buttonGray button .icon,
.buttonGray input .icon{ position:relative; margin-right:5px; vertical-align:middle; _top:4px;}

/* -- Button New Post -- */
.buttonNewPost,
.buttonNewPost a{ position:relative; border:0; margin:0; display:inline-block; color:#000; font-family:Tahoma, Sans-serif; cursor:pointer; text-decoration:none !important; white-space:nowrap; vertical-align:middle; background-color:transparent; background-image:url(../img/buttonNewPost.gif); background-repeat:no-repeat;}
.buttonNewPost{ margin-right:5px; background-position:left top; }
.buttonNewPost a{ padding:7px 10px 11px 20px; *padding:7px 10px 11px 20px; font-size:12px; line-height:12px; font-weight:bold; color:#fff; left:5px; background-position:right top;}

/* -- Button Favorite Menu -- */
.buttonFavoriteMenu,
.buttonFavoriteMenu span{ position:relative; border:0; margin:0; display:block; color:#000; font-family:Tahoma, Sans-serif; cursor:pointer; text-decoration:none !important; white-space:nowrap; vertical-align:middle; background-color:transparent; background-image:url(../img/buttonFavoriteMenu.gif); background-repeat:no-repeat;}
.buttonFavoriteMenu{ margin-right:28px; background-position:left top; }
.buttonFavoriteMenu span{ padding:9px 35px 9px 8px; *padding:7px 35px 11px 8px; font-size:12px; line-height:12px; color:#fff; left:23px; background-position:right top;}

/* -- Publish State -- */
.publishState,
.publishState span{ position:relative; border:0; margin:0; display:inline-block; height:17px; line-height:19px; color:#000; font-family:Tahoma, Sans-serif; text-decoration:none !important; white-space:nowrap; vertical-align:middle; background-color:transparent; background-image:url(../img/bgPublishState.gif); background-repeat:no-repeat; font-weight:normal;}
.publishState{ margin-right:2px;}
.publishState span{ left:2px; padding:0 3px 0 1px; font-size:11px; _top:-1px; *vertical-align:top;}
.publishState.draft{ background-position:left top;}
.publishState.draft span{ background-position:right top; color:#b1b1b1;}
.publishState.out{ background-position:left -20px;}
.publishState.out span{ background-position:right -20px; color:#fff;}

/* -- Active State -- */
.activeState,
.activeState button{ position:relative; border:0; margin:0; padding:0; overflow:visible; display:inline-block; height:17px; line-height:19px; color:#000; font-family:Tahoma, Sans-serif; text-decoration:none !important; white-space:nowrap; vertical-align:middle; background-color:transparent; background-image:url(../img/bgPublishState.gif); background-repeat:no-repeat; font-weight:normal; cursor:pointer;}
.activeState{ margin-right:2px;}
.activeState button{ left:2px; padding:0 3px 0 1px; font-size:11px; _top:-1px; *vertical-align:top;}
.activeState.turnOff{ background-position:left top;}
.activeState.turnOff button{ background-position:right top; color:#b1b1b1;}
.activeState.turnOn{ background-position:left -20px;}
.activeState.turnOn button{ background-position:right -20px; color:#fff;}

/* -- Button Action -- */
.buttonAction,
.buttonAction button,
.buttonAction input,
.buttonAction a{ position:relative; border:0; margin:0; display:inline-block; font-family:Tahoma, Sans-serif; font-weight:bold !important; cursor:pointer; text-decoration:none !important; white-space:nowrap; vertical-align:middle; *vertical-align:top; background-color:transparent; background-image:url(../img/buttonAction.gif); background-repeat:no-repeat;}
.buttonAction{ margin-right:7px;}

/* Control Button + Submit Button */
.buttonAction button,
.buttonAction input,
.buttonAction a{ height:39px; padding:0 25px 0 0; font:12px/39px Sans-serif; background-position:right top; overflow:visible;}

/* Blue */
.buttonAction.actionBlue { background-position:left top;}
.buttonAction.actionBlue button,
.buttonAction.actionBlue input,
.buttonAction.actionBlue a{ left:7px; padding-left:40px; color:#fff; background-position:right top;}

/* White */
.buttonAction.actionWhite { background-position:left -40px;}
.buttonAction.actionWhite button,
.buttonAction.actionWhite input,
.buttonAction.actionWhite a{ left:7px; color:#555; background-position:right -40px; padding-left:18px;}

/* Normal */
.buttonAction.normal *{ font-weight:normal !important;}

/* Select */
.select{ position:relative; display:inline-block; height:27px; *float:left;}
.select .buttonSelect,
.select .buttonSelect button{ position:relative; border:0; margin:0; display:inline-block; color:#000; font-family:Tahoma, Sans-serif; cursor:pointer; text-decoration:none !important; white-space:nowrap; vertical-align:middle; *vertical-align:top; background-color:transparent; background-image:url(../img/buttonGray.gif); background-repeat:no-repeat;}
.select .buttonSelect{ margin-right:2px; *margin-right:5px; background-position:left -90px;}
.select .buttonSelect button{ left:2px; height:27px; padding:0 25px 0 8px; *padding:0 5px 0 8px; *text-align:left; font:12px/28px Sans-serif; background-position:right -90px; _top:-1px;}
.select ul{ display:none; position:absolute; bottom:30px; left:0; border:1px solid #a5a5a5; border-bottom-color:#ddd; *border-bottom-color:#a5a5a5; background:#fff; margin:0; padding:0; list-style:none; *filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='1', Color='#dddddd', positive='true');}
.select ul:after{ content:""; display:block; clear:both; height:1px; background:#a5a5a5;}
.select ul.open{ display:block;}
.select ul ul{ display:block !important; position:static; border:0; padding:0;}
.select ul ul:after{ content:""; display:none;}
.select ul li:hover{ background:#f7fafc;}
.select ul li:hover button{ color:#ea3f22;}
.select ul li li{ padding:0 0 0 20px;}
.select ul li button{ display:block; padding:2px 10px; white-space:nowrap; background-color:transparent; border:0; font-size:12px; color:#555; text-align:left; cursor:pointer;}
.select ul li li button{ background:url(../img/lineSelectL.gif) no-repeat left center;}

/* Table Data Sort */
.buttonTableDataSort{ width:20px; height:20px; border:0; cursor:pointer; padding:0; background:transparent url(../img/buttonTableDataSort.gif) no-repeat center center; vertical-align:middle;}
.buttonTableDataSort span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.sum .buttonTableDataSort{ width:20px; height:20px; border:0; cursor:pointer; padding:0; background:transparent url(../img/buttonTableSumSort.gif) no-repeat center center; vertical-align:middle;}
.sum .buttonTableDataSort span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
